jQuery.fx.interval

Categories: Effects > Custom | Deprecated > Deprecated 3.0 | Properties > Properties of the Global jQuery Object

jQuery.fx.intervalReturns: Numberversion deprecated: 3.0

Description: The rate (in milliseconds) at which animations fire.

  • version added: 1.4.3jQuery.fx.interval

This property is deprecated as of version 3.0, and has no effect in browsers that support the requestAnimationFrame method.

On browsers that do not support requestAnimationFrame, this property can be changed to adjust the interval at which animations will run. The default is 13 milliseconds.

Since jQuery uses one global interval, no animation should be running or all animations should stop for the change of this property to take effect.

Example:

Cause all animations to run with less frames.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery.fx.interval demo</title>
  <style>
  div {
    width: 50px;
    height: 30px;
    margin: 5px;
    float: left;
    background: green;
  }
  </style>
  <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
</head>
<body>
 
<p><input type="button" value="Run"></p>
<div></div>
 
<script>
jQuery.fx.interval = 100;
$( "input" ).on( "click", function() {
  $( "div" ).toggle( 3000 );
});
</script>
 
</body>
</html>

Demo: